<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
	</head>
	<style>
		body{margin: 0;background: #F5F5F5;}
		p{margin: 0;}
		.avatar{margin-right: .5rem;}
		.avatar img{width: 3rem;height: 3rem;border-radius: 6px;vertical-align: bottom;}
		.message_item{padding: .5rem;display: flex;flex-direction: row;justify-content: flex-start;border-bottom: 1px solid #d8d8d8;background: #fff;}
		.mess_name{font-size: 1rem;color: #363636;}
		.mess_cont{font-size: .9rem;color: #363636;}
		.no_more{display: flex;flex-direction: column;justify-content: center;height: 3.8rem;align-content: center;text-align: center;font-size: .9rem;}
	</style>

	<body>
		<div class="message">
			<div class="message_item">
				<div class="avatar">
				<img src="img/001.jpg" />
				</div>
				<div class="message_body">
					<p class="mess_name">系统</p>
					<p class="mess_cont">您的主题“图文的帖子” 测测123456 评分加1财富</p>
				</div>
				
			</div>
			<div class="message_item">
				<div class="avatar">
				<img src="img/001.jpg" />
				</div>
				<div class="message_body">
					<p class="mess_name">系统</p>
					<p class="mess_cont">您的主题“图文的帖子” 测测123456 评分加1财富</p>
				</div>
				
			</div>
			<div class="message_item">
				<div class="avatar">
				<img src="img/001.jpg" />
				</div>
				<div class="message_body">
					<p class="mess_name">系统</p>
					<p class="mess_cont">您的主题“图文的帖子” 测测123456 评分加1财富</p>
				</div>
				
			</div>
			<div class="message_item">
				<div class="avatar">
				<img src="img/001.jpg" />
				</div>
				<div class="message_body">
					<p class="mess_name">系统</p>
					<p class="mess_cont">您的主题“图文的帖子” 测测123456 评分加1财富</p>
				</div>
				
			</div>
			<div class="message_item">
				<div class="avatar">
				<img src="img/001.jpg" />
				</div>
				<div class="message_body">
					<p class="mess_name">系统</p>
					<p class="mess_cont">您的主题“图文的帖子” 测测123456 评分加1财富</p>
				</div>
				
			</div>
			<div class="message_item">
				<div class="avatar">
				<img src="img/001.jpg" />
				</div>
				<div class="message_body">
					<p class="mess_name">系统</p>
					<p class="mess_cont">您的主题“图文的帖子” 测测123456 评分加1财富</p>
				</div>
				
			</div>
			
		</div>
		<div class="no_more">
			wowo,没有更多了 ╮(￣▽￣")╭ 
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>